<base href="<%= request.getContextPath() %>/">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" autoFlush="false" buffer="300kb" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<c:url value="/assets/css/output.css"/>"/>
    <script src="<c:url value="/assets/js/jquery-3.6.0.min.js"/>"></script>
    <title>Login Page</title>
</head>

<body>
<div class="flex h-screen flex-col items-center justify-center bg-gray-100">
    <form class="w-full max-w-sm rounded-2xl bg-white p-8 shadow-lg">
        <h2 class="mb-4 text-center text-2xl font-bold">用户登录</h2>
        <input type="email" placeholder="邮箱" class="mb-4 w-full rounded border px-3 py-2"/>
        <input type="password" placeholder="密码" class="mb-4 w-full rounded border px-3 py-2"/>
        <div class="flex">
            <input type="text" placeholder="验证码" class="mr-2 w-1/2 rounded border px-3 py-2"/>
            <button class="cursor-pointer rounded bg-blue-500 px-3 py-2 text-white">获取验证码</button>
        </div>
        <div class="mt-6">
            <button class="block w-full rounded bg-green-500 px-3 py-2 text-white transition-colors hover:bg-green-600">
                登录
            </button>
        </div>
        <p class="mt-4 text-center"><a href="#" class="text-blue-500 hover:underline">没有账号？去注册</a></p>
    </form>
</div>
</body>
